<template>

  <div id="app">
    <h1>hhh</h1>
    <router-view></router-view>
  </div>

</template>


<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>

new Vue({
  el: '#app',
  data: {
    navigateData: ['首页', '登录', '购物车', '我的订单'],
    imgData: ['img/1.png', 'img/2.png', 'img/3.png'],
    proctions:[
      {
        bname:'程序员代码面试指南',
        bimg:'img/book/程序员代码面试指南.png',
        price:'68'
      },
      {
        bname:'linux就该这么学',
        bimg:'img/book/linux就该这么学.png',
        price:'40'
      },
      {
        bname:'鸟哥的 Linux 私房菜',
        bimg:'img/book/鸟哥的 Linux 私房菜.png',
        price:'40'
      },
      {
        bname:'Java核心技术',
        bimg:'img/book/Java核心技术_第10版_卷1_原书.png',
        price:'50'
      }
    ]
  }
})
</script>
